<template>
    <div id="repairSuccessPage">
<div class="contentDiv">
    <img :src="noOrder" />
    <div class="title">订单提交成功</div>
    <div class="subTitle">我们会在2小时内联系您，</div>
    <div class="subTitle"> 请保持手机畅通。</div>
    <div class="button" @click="ok">知道了</div>

</div>
    </div>
</template>

<script>
    export default {
        name: "RepairSuccessPage",
        data(){
            return {
                noOrder: require("@/images/background/repairSuccess.png"),
            };
        },
        methods:{
            ok(){
                // this.$router.go(-2);
                this.$router.push({name:"home"});

            }
        }
    }
</script>

<style scoped>
#repairSuccessPage{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    overflow: auto;
    background-color: white;
}
.contentDiv {
    display: flex;
    flex-direction: column;
    align-items: center;
}
img {
    width: 8.533333333333333rem;
    height: 8.533333333333333rem;
    margin-top: 10.8rem;
    margin-bottom: 1.4666666666666666rem;
}
.title {
    height:1.5rem;
    font-size:1.0666666666666667rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(18,28,50,1);
    line-height:1.5rem;
    margin-bottom: 0.9rem;
}
    .subTitle{
        font-size:0.8666666666666667rem;
        font-family:PingFangSC-Regular,PingFang SC;
        font-weight:400;
        color:rgba(122,132,145,1);
        line-height:1.2333333333333334rem;
    }
.button {
    margin-top: 1.7rem;
    width: 10.333333333333334rem;
    height: 2.6666666666666665rem;
    background: #397be6;
    border-radius: 1.6333333333333333rem;
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    font-size:1.0666666666666667rem;
    font-family:PingFangSC-Regular,PingFang SC;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:1.5rem;

}

</style>